// 1. 当我们滚动到今日推荐模块，就让电梯导航显示出来
// 2. 点击电梯导航页面可以滚动到相应内容区域
// 3. 核心算法：因为电梯导航模块和内容区模块一一对应的
// 4. 当我们点击电梯导航某个小模块，就可以拿到当前小模块的索引号
// 5. 就可以把animate要移动的距离求出来：当前索引号内容区模块它的offset().top
// 6. 然后执行动画即可

// 1. 当我们点击电梯导航某个小li，当前小li添加current类，兄弟移除类名
// 2. 当我们页面滚动到内容区域某个模块，左侧电梯导航，相应的小li模块，也会添加current类，兄弟移除current类
// 3. 出发事件是页面滚动，因此这个功能要写到页面滚动事件里面。
// 4. 需要用到each，遍历内容区域大模块。each里面能拿到内容区域每一个模块元素和索引号
// 5. 判断的条件：被卷去的头部 大于等于 内容区域里面每个模块的offset().top
// 6. 就利用这个索引号找到相应的电梯导航小li添加类
$(function() {
    // 当我们点击了小li 此时不需要执行 页面滚动事件里面的li的背景选择，添加current
    // 节流阀  互斥锁
    var flag = true;
    // 1. 显示隐藏电梯导航
    var toolTop = $(".recommend").offset().top;
    toggleTool();
    function toggleTool() {
        if ($(document).scrollTop() >= toolTop) {
            $(".fixedtool").fadeIn();
        } else {
            $(".fixedtool").fadeOut();
        }
    }
    $(window).scroll(function() {
        toggleTool();
        // 页面滚动到内容区域某个模块
        if (flag) {
            $(".floor .w").each(function(i, ele) {
                if ($(document).scrollTop() >= $(ele).offset().top) {
                    $(".fixedtool li").eq(i).addClass("current").siblings().removeClass("current");
                    // console.log(i);
                } 
            })
        }
    });
    // 2. 点击电梯导航页面可以滚动到相应内容区域
    $(".fixedtool li").click(function() {
        flag = false;
        console.log($(this).index());
        // 当我们每次点击小li 就需要计算出页面要去往的位置
        // 选出对应索引号的内容区的盒子  计算它的.offset().top
        var current = $(".floor .w").eq($(this).index()).offset().top;
        // 页面动画滚动效果
        $("body, html").stop().animate({
            scrollTop: current
        }, function() {
            flag = true;
        });
        // 点击之后，让当前小li添加current类名，姐妹移除current类名
        $(this).addClass("current").siblings().removeClass("current");
    })
})